<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>积分平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" type="text/css" href="__INDEX__/mui/css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="__INDEX__/css/recipient.css"/>
		<script src="__INDEX__/js/lib/font.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
	    <header class="mui-bar mui-bar-nav">
	        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	        <h1 class="mui-title">选择接收人</h1>
	        <span class="mui-pull-right sure">确定</span>
	    </header>
	    <div class="mui-content">
			{php}$num = 1;{/php}
			{foreach $users as $key=>$value}
	    	<div class="depModule" data-dep="{$num}">
				{php}$num++;{/php}
	    		<div class="depModule-cont">
	    			<span class="mui-pull-left">{$key}</span>
	    			<p class="mui-pull-right">
	    				<span class=" people">{php}echo count($value);{/php}人</span>
	    				<span class=" mui-icon mui-icon-arrowright"></span>
	    			</p>
	    		</div>
	    		<div class="depModule-mune">
	    			<div class="wrapper wrap1">
	    				<div class="scroller">
		    				<ul>
								{php}$shu=1;{/php}
								{foreach $value as $va}
			    				<li data-id="{$va['id']}">
									{php}$shu++;{/php}
									{if $va['portrait']}
									<div class="head-portrait mui-pull-left" data-color="{$va['portrait']}" datatouxiang="{$va['portrait']}">
										<img src="{:getImg($va['portrait'])}" width="100%" style="border-radius: 50%"/>
										<span class="portrait-name" style="display: none">{$va['nickname']}</span>
									</div>
									{else}
									<div class="head-portrait mui-pull-left" data-color="0" datatouxiang="0">
										<img src="__INDEX__/images/touxiang.jpg" width="100%" style="border-radius: 50%"/>
										<span class="portrait-name" style="display: none">{$va['nickname']}</span>
									</div>
									{/if}
						        	<p class="head-name mui-pull-left" dataid="{$va['id']}">{$va['nickname']}</p>
						        	<div class="mui-pull-right ">
						        		<span class="head-name job">{$va['position_name']}</span>
						        		<i class="xuanzhong iconfont">&#xe83b;</i>
						        	</div>
			    				</li>
								{/foreach}
			    				<!--<li data-id='1'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#32A4FF">-->
						        		<!--<span class="portrait-name">杨海</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨海</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">销售经理</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='2'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#F5A623">-->
						        		<!--<span class="portrait-name">霸王花</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">霸王花</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='3'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#86A3FF">-->
						        		<!--<span class="portrait-name">杨潘潘</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨潘潘</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    			</ul>
		    			</div>
	    			</div>
	    		</div>
	    	</div>
			{/foreach}
	    	<!--<div class="depModule" data-dep="2">-->
	    		<!--<div class="depModule-cont">-->
	    			<!--<span class="mui-pull-left">销售部</span>-->
	    			<!--<p class="mui-pull-right">-->
	    				<!--<span class=" people">4人</span>-->
	    				<!--<span class=" mui-icon mui-icon-arrowright"></span>-->
	    			<!--</p>-->
	    		<!--</div>-->
	    		<!--<div class="depModule-mune ">-->
	    			<!--<div class="wrapper wrap2">-->
	    				<!--<div class="scroller">-->
		    				<!--<ul>-->
			    				<!--<li data-id='0'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#f8e710">-->
						        		<!--<span class="portrait-name">余光</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">余光</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">技术员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='1'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#32A4FF">-->
						        		<!--<span class="portrait-name">杨海</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨海</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">销售经理</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='2'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#F5A623">-->
						        		<!--<span class="portrait-name">霸王花</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">霸王花</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='3'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#86A3FF">-->
						        		<!--<span class="portrait-name">杨潘潘</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨潘潘</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    			<!--</ul>-->
		    			<!--</div>-->
	    			<!--</div>-->
	    		<!--</div>-->
	    	<!--</div>-->
	    	<!--<div class="depModule" data-dep="3">-->
	    		<!--<div class="depModule-cont">-->
	    			<!--<span class="mui-pull-left">人事部</span>-->
	    			<!--<p class="mui-pull-right">-->
	    				<!--<span class=" people">10人</span>-->
	    				<!--<span class=" mui-icon mui-icon-arrowright"></span>-->
	    			<!--</p>-->
	    		<!--</div>-->
	    		<!--<div class="depModule-mune ">-->
	    			<!--<div class="wrapper wrap3">-->
	    				<!--<div class="scroller">-->
	    					<!--<ul>-->
			    				<!--<li data-id='0'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#f8e710">-->
						        		<!--<span class="portrait-name">余光</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">余光</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">技术员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='1'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#32A4FF">-->
						        		<!--<span class="portrait-name">杨海</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨海</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">销售经理</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='2'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#F5A623">-->
						        		<!--<span class="portrait-name">霸王花</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">霸王花</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='3'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#86A3FF">-->
						        		<!--<span class="portrait-name">杨潘潘</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨潘潘</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    			<!--</ul>-->
    					<!--</div>-->
    				<!--</div>-->
	    		<!--</div>-->
	    	<!--</div>-->
	    	<!--<div class="depModule" data-dep="4">-->
	    		<!--<div class="depModule-cont">-->
	    			<!--<span class="mui-pull-left">行政部</span>-->
	    			<!--<p class="mui-pull-right">-->
	    				<!--<span class=" people">10人</span>-->
	    				<!--<span class=" mui-icon mui-icon-arrowright"></span>-->
	    			<!--</p>-->
	    		<!--</div>-->
	    		<!--<div class="depModule-mune ">-->
	    			<!--<div class="wrapper wrap4">-->
	    				<!--<div class="scroller">-->
	    					<!--<ul>-->
			    				<!--<li data-id='0'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#f8e710">-->
						        		<!--<span class="portrait-name">余光</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">余光</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">技术员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='1'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#32A4FF">-->
						        		<!--<span class="portrait-name">杨海</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨海</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">销售经理</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='2'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#F5A623">-->
						        		<!--<span class="portrait-name">霸王花</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">霸王花</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='3'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#86A3FF">-->
						        		<!--<span class="portrait-name">杨潘潘</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨潘潘</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    			<!--</ul>-->
	    				<!--</div>-->
	    			<!--</div>-->
	    		<!--</div>-->
	    	<!--</div>-->
	    	<!--<div class="depModule" data-dep="5">-->
	    		<!--<div class="depModule-cont">-->
	    			<!--<span class="mui-pull-left">设计部</span>-->
	    			<!--<p class="mui-pull-right">-->
	    				<!--<span class=" people">10人</span>-->
	    				<!--<span class=" mui-icon mui-icon-arrowright"></span>-->
	    			<!--</p>-->
	    		<!--</div>-->
	    		<!--<div class="depModule-mune ">-->
	    			<!--<div class="wrapper wrap5">-->
	    				<!--<div class="scroller">-->
	    					<!--<ul>-->
			    				<!--<li data-id='0'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#f8e710">-->
						        		<!--<span class="portrait-name">余光</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">余光</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">技术员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='1'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#32A4FF">-->
						        		<!--<span class="portrait-name">杨海</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨海</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">销售经理</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='2'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#F5A623">-->
						        		<!--<span class="portrait-name">霸王花</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">霸王花</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    				<!--<li data-id='3'>-->
			    					<!--<div class="head-portrait mui-pull-left" data-color="#86A3FF">-->
						        		<!--<span class="portrait-name">杨潘潘</span>-->
						        	<!--</div>-->
						        	<!--<p class="head-name mui-pull-left">杨潘潘</p>-->
						        	<!--<div class="mui-pull-right ">-->
						        		<!--<span class="head-name job">设计员工</span>-->
						        		<!--<i class="xuanzhong iconfont">&#xe83b;</i>-->
						        	<!--</div>-->
			    				<!--</li>-->
			    			<!--</ul>-->
	    				<!--</div>-->
	    			<!--</div>-->
	    		<!--</div>-->
	    	<!--</div>-->
	    </div>
		<script src="__INDEX__/js/lib/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/mui/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/mui/js/mui.view.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/layer_mobile/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/lib/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script src="__INDEX__/js/recipient.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
